<?php $this->headLink()->appendStylesheet($this->baseUrl('css/hot.css'))?>
<?php $this->headScript()->appendFile($this->baseUrl('js/jquery.carouFredSel-5.5.5.js'),'text/javascript')?>

 
	<div id="slide">
<!--	<div id="giohang">
		<a href="<?php //echo $this->baseUrl('cart/index') ?>"><img style="margin-top: 20px;margin-left: 20px" src="<?php //echo $this->baseUrl("images/8947664-shopping-cart-vector-button (1).jpg") ?>"></a>
		<a href="<?php //echo $this->baseUrl('user/datrieng') ?>">Đặt hoa riêng</a>
	</div>
-->	
	<div id="chu">
		<a href="javascript:"> 
			<span id="prev"> </span>
		</a>
		<div class="list_carousel">
			<ul id="hot" >
				<?php
					foreach ($this->giohoa as $motgiohoa){
						if($motgiohoa['flag']==1)
						{
				?>
				<li>
					<a href="<?php echo $this->url(array('controller'=>'index','action'=>'viewdetail','id'=>$motgiohoa['id'])); ?>" title="<?php echo $motgiohoa['tengiohoa'];?>">
						<img width="200" height="150" src="<?php echo $this->baseUrl("images/".$motgiohoa['img_url']); ?>"/>
					</a>
				</li>
				<?php 			
						}
					} 
				?>	
			</ul>
		</div>
		
		<a href="javascript:"> <span id="next"> </span>
		</a>
	</div><!-- END #chu -->
</div>
<script type="text/javascript">
	$(document).ready(function(){//Mọi hàm jquery đều được viết trong này
		
		$('#hot').carouFredSel({//Gọi hàm caroFredSel trong jquery
			width:1000,
			next:'#next',
			prev:'#prev',
			items:4,
			align:'left',
			 scroll : {
				         duration : 600
				     },
			auto:true
		});
		
					
		$('#hot').hover(function(){
			$('#hot').trigger('pause',1);
		});
		$('#hot').mouseleave(function(){
			$('#hot').trigger('resume',1);
		});
	});
</script>